ابزار و کدهای جاوا اسکریپت

همانطور که میدانید هر عنصر HTML که بخواهید در صفحه وب نمایش داده شود باید ما بین تگ body یعنی قرار گیرد. در کلیه فایلهای HTML این تگ وجود دارد مگر اینکه بخواهید از عنصر فریم استفاده کنید که در اینصورت باید را بکار برید.

اما خود تگ body جدا از اهمیتی که در فایلهای HTML دارد، خود دارای خصوصیاتی می باشد که در نمایش صفحه موثر است که به توضیح آنها خواهیم پرداخت.

ادامه مطلب را بخوانید...

در این بخش میخواهم در مورد تگهای قسمت برایتان توضیح دهم . همانطور که میدانید تگهای Html را به دو بخش اصلی تقسیم کردیم ، یکی قسمت سر یا همان head دیگری قسمت بدنه یا body که هر دو مابین دو تگ اصلی نوشته میشوند، اما یک تگ هم وجود دارد که خارج از این قانون عمل میکند و در اولین خط شروع کدنویسی باید آنرا بنویسیم یعنی قبل از تگ آغاز کننده و آن DTD یک صفحه وب میباشد که مخفف Document Type Definition است و کار آن معرفی نوع تگها خصوصیات آنها و قوانینی که باید در آن صفحه وب بکار برده شود که بطور خلاصه در تگ مربوط به آن توصیف میشود. تگ مشخصه DTD ، میباشد و مانند بقیه تگها دارای خصوصیاتی هست، البته این تگ اختیاری است چون بعضی از مرورگرها بدون آن هم صفحه را نمایش میدهند ولی بهتر است که نوشته شود.

ادامه مطلب را بخوانید...

با پیشرفت تکنولوژی در وب و نسخه های جدید مرورگرها که توانایی استفاده از مولتی مدیا را در اختیار ما می گذاشتن، انگیزه ای ایجاد شد تا صوت و تصویر هم در صفحات وب گنجانده شوند و سایتها را جذاب تر کنند. در این صفحه راههای اضافه کردن فایل صوتی به یک صفحه را می آموزید و در صفحه بعد افزودن فایلهای تصویری را یاد خواهید گرفت.

ادامه مطلب را بخوانید...

هنگامیکه بخواهید دو یا سه صفحه را در یک صفحه جای دهید باید از عنصر فریم یا چارچوب استفاده کنید. این عنصر زمانی کارآیی دارد که میخواهید یک قسمت، در همه صفحات ثابت باشد. به طور مثال شما در سمت چب صفحه یک لیست ثابت دارید و میخواهید هر وقت بیننده روی هر گزینه از این لیست که کلیک کرد توضیحات مربوط به آن در سمت راست نمایان شود. پس ابتدا یک صفحه برای آن لیست درست کنید و برای اطلاعات هر گزینه هم یک صفحه بسازید و آنها را در یک فریم بگذارید.

ادامه مطلب را بخوانید...
 

فرمها تنها عنصری هستند که بیننده سایت میتواند اطلاعاتی را بطور مستقیم وارد کرده که این اطلاعات بعد از تجزیه و تحلیل یا در فایلی ذخیره شده یا فرستاده میشود.

ادامه مطلب را بخوانید...

جدولها یکی از بهترین و مفیدترین عنصرها در صفحات وب میباشند، با استفاده از آنها ما می توانیم اطلاعات و عناصررا در یک صفحه سازمان دهی و مرتب کنیم . کلیه اطلاعات یا عناصر دیگر وب را میتوانیم داخل ردیف ها یا ستون های یک جدول قرار دهیم بدون آنکه خطوط جدول مشخص باشد و یا در صورت نیاز خطوط آنها نمایان میشود. کمتر کسی را پیدا میکنید که از این عنصر استفاده نکند و زمانیکه تجربه کافی برای طراحی یک سایت بدست آوردید به اهمیت این عنصر پی خواهید برد.

ادامه مطلب را بخوانید...
 

Image map یکی از تکنیکهای ساخت عکس بصورت لینک است که گاهی اوقات به کمک ما میاید. بطور مثال ما نقشه ایران را در صفحه ای قرارداده و میخواهیم که بیننده سایت هرگاه روی یک استان کلیک کرد صفحه مربوط به آن باز شود تا اطلاعات مربوطه را در اختیار کاربر قرار دهد. این حالت حجم عکس را افزایش نخواهد داد و بهتر است از عکسهایی با حجم بالا استفاده نکنیم که در این مورد به قسمت عکسها رجوع کنید.

ادامه مطلب را بخوانید...

یکی از عناصری که باعث جذابیت در وب سایت میشود عنصر عکس یا همان image است. عکسها زیبایی خاصی به صفحات میبخشند ولی از طرف دیگر تولید دردسر هم میکنند، اگر شما تعداد زیادی عکس در یک صفحه بگذارید یا از عکسهایی با حجم زیاد استفاده کنید آن موقع است که بیننده باید مدت طولانی را صرف کند تا صفحه سایت شما را به طور کامل ببیند و همین موضوع باعث از دست دادن یک بیننده و یک نمره منفی به حساب میاید. همانطور که میدانید در کشور عزیزمان ایران سرعتهای اینترنت خیلی پایین هست و دیدن صفحات سنگین بسیارعذاب آور است البته بماند که بعضی وقتها همان یک ذره سرعت هم نداریم. پس همیشه تا جایی که میتوانید صفحه را سبک کنید تا برای بیننده خسته کننده نباشد. یک سایت موفق سایتی است که بیننده زیاد داشته باشد.

ادامه مطلب را بخوانید...

لیستها هم جزو عنصر متن در html میباشند که بخاطر زیاد بودن تگهای متن مجبورم آنها را از هم جدا کنم. سه نوع لیست وجود دارد، یکی لیستهای با ترکیب منظم (Ordered list) و لیست با ترکیب نا منظم (Unordered list) ودیگری لیستهای توصیفی (Definition list) . شاید این نوع نامگذاری بخاطر وجود اعداد یا حروف بترتیب در لیست منظم است که در دیگری فقط نقطه های توپر هست که ترتیبی را نمیتوان برای آنها در نظر گرفت.

ادامه مطلب را بخوانید...

لیستها هم جزو عنصر متن در html میباشند که بخاطر زیاد بودن تگهای متن مجبورم آنها را از هم جدا کنم. سه نوع لیست وجود دارد، یکی لیستهای با ترکیب منظم (Ordered list) و لیست با ترکیب نا منظم (Unordered list) ودیگری لیستهای توصیفی (Definition list) . شاید این نوع نامگذاری بخاطر وجود اعداد یا حروف بترتیب در لیست منظم است که در دیگری فقط نقطه های توپر هست که ترتیبی را نمیتوان برای آنها در نظر گرفت.

ادامه مطلب را بخوانید...

همانطور که دربخشهای قبل گفته شد، هرمتنی را بین تگهای وارد کنید بعد از ذخیره آن فایل با پسوند.html یا.htm و هنگام نمایش فایل در مرورگر آنرا مشاهده خواهید کرد که متن مورد نظر با تنظیمات مرورگر نمایان خواهد شد. ولی ما با استفاده از تگهای این عنصر کنترل نمایش نوشته ها را بدست خود میگیریم تا همان چیزی که مورد نظر ما است نشان داده شوند. تگهای متن را میتوان به دو دسته تقسیم کرد، تگهای اولیه که بیشتر وظیفه خط بندی، پاراگراف بندی و یا تنظیمات در ارتباط با متن را به عهده دارند و تگهایی که شکل و آرایش حروف را کنترل میکنند که به آنها formatting می گویند. بهتر است که Notepad یا هر برنامه ویرایشگر متن را که دارید باز کنید و هر کدام از این تگها را امتحان کنید تا کاربرد آنها در ذهن شما جای گیرد.

ادامه مطلب را بخوانید...
 

در این بخش شما اولین صفحه وب را خواهید ساخت تا سادگی زبان html را لمس کنید. برای شروع ابتدا برنامه Notepad ویندوز را باز کنید، البته می توانید از هر برنامه ویرایشگر متن استفاده کنید. سپس این تگها را بنویسید:

 

اولین چیزی که برای برنامه نویسی html باید بدانید، اینست که تگ html چیست و چه کاری انجام میدهد. تگهای html دو نوع هستند، تگهای آغازین و تگهای پایان دهنده. بطور کل تگها با دو علامت کوچکتر و بزرگتر، یعنی < > مشخص میشوند و بین این دو علامت کد html نوشته میشود، مانند: